<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        <my-cpn></my-cpn>
    </div>
    <script src="./js/vue.js"></script>
    <script>
        //1、注册组件构造器
        const conC=Vue.extend({
            template: `
                    <div>
                        <h2>我是标题</h2>
                        <p>我是内容，哈哈哈哈</p>
                        <p>我是内容，呵呵呵呵</p>
                    </div>`
        })
        //2、注册组件
        Vue.component('my-cpn',conC)

        const app=new Vue({
            el:"#app"
        })
    </script>
</body>

</html>